<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
     
    <div id="app">
        <p>这是个table!</p>
        <div>
            <table>  
                <tr is="hello"></tr>
            </table>
        </div>        
    </div>
    

    
</body>
<script src="./base/vue.js"></script>

<script>
    // 因为vue在解析模板的时候会根据某些html的规则，
    //例如，在table里只能放tr,td,th..，如果放入组件不会解析
    //放入tr标签使用is方式，代表tr标签引入的是一个组件

    Vue.component("hello",{
        template:"<tr><td>我是hello!</td></tr>"
    })
  
    new Vue({
        el:'#app'
    })
</script>
</html>